<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta property="og:image"
	content="https://d19rpgkrjeba2z.cloudfront.net/static/v2/apple-touch-icon-144x144-precomposed.png" />
<meta property="og:title"
	content="Join the free private social network for your neighborhood." />
<meta property="og:description"
	content="Over {{ cache_utils.get_formatted_launched_hoods_count() }} communities across the U.S. are using Nextdoor to strengthen their neighborhoods." />
<meta property="og:url"
	content="https://nextdoor.com/create_account/?r=99918297&e=darkcross44%40naver.com" />
<title>Nextdoor: 지역 이웃들과 함께 하는 소셜 네트워크 </title>
<meta name="description" content="">
<meta name="author" content="Nextdoor">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<style type="text/css">
.module_debug:hover {
	zoom: 150%;
	-moz-transform: scale(1.5);
}
</style>
<link rel="icon" type="image/png"
	href="https://d19rpgkrjeba2z.cloudfront.net/static/v2/favicon-v2.ico" />
<link rel="apple-touch-icon"
	href="https://d19rpgkrjeba2z.cloudfront.net/static/v2/apple-touch-icon.png" />
<link rel="apple-touch-icon"
	href="https://d19rpgkrjeba2z.cloudfront.net/static/v2/apple-touch-icon-57-57.png"
	sizes="57x57" />
<link rel="apple-touch-icon"
	href="https://d19rpgkrjeba2z.cloudfront.net/static/v2/apple-touch-icon-72-72.png"
	sizes="72x72" />
<link rel="apple-touch-icon"
	href="https://d19rpgkrjeba2z.cloudfront.net/static/v2/apple-touch-icon-114-114.png"
	sizes="114x114" />
<link rel="apple-touch-icon"
	href="https://d19rpgkrjeba2z.cloudfront.net/static/v2/apple-touch-icon-144-144.png"
	sizes="144x144" />
<link
	href="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/v2/css/bootstrap.css"
	type="text/css" rel="stylesheet" media="screen" />
<link
	href="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/v2/css/global.css"
	type="text/css" rel="stylesheet" media="screen" />

<!--[if gt IE 9]><!-->
<link
	href="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/v2/css/desktop.css"
	type="text/css" rel="stylesheet" media="screen" />
<!--<![endif]-->
<!--[if gt IE 9]><!-->
<link
	href="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/v2/css/responsive.css"
	type="text/css" rel="stylesheet" media="screen" />
<!--<![endif]-->
<!--[if gt IE 9]><!-->
<link
	href="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/v2/css/mobile.css"
	type="text/css" rel="stylesheet" media="screen" />
<!--<![endif]-->

<!--[if lt IE 9]>
  <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <script>window.html5 || document.write('<script src="js/libs/html5.js"><\/script>')</script>
  <![endif]-->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//cdn.optimizely.com/js/165606484.js">
	
</script>
<script type="text/javascript">
	var NREUMQ = NREUMQ || [];
	NREUMQ.push([ "mark", "firstbyte", new Date().getTime() ]);
</script>
</head>
<body class="signed-out">
	<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->

	<script type="text/javascript">var _kiq = _kiq || [];</script>
	<script type="text/javascript">
	(function() {
		setTimeout(
				function() {
					var d = document, f = d.getElementsByTagName('script')[0], s = d
							.createElement('script');
					s.type = 'text/javascript';
					s.async = true;
					s.src = '//s3.amazonaws.com/ki.js/49472/ae_.js';
					f.parentNode.insertBefore(s, f);
				}, 1);
	})();
	</script>

	<div class="container">
		<div class="nav nav-simple nav-nux">
			<div class="nav-inner">
				<span class="brand"><i class="icon-nextdoor icon-house-green"></i>Nextdoor</span>

				<div class="nav-progress">
					<ol>
						<li class="active"><span class="badge">1</span> <span>Sign
								up</span> &nbsp;&raquo;</li>
						<li><span class="badge">2</span> <span>Introduce
								yourself</span> &nbsp;&raquo;</li>
						<li><span class="badge">3</span> <span>Invite
								neighbors</span></li>
					</ol>
				</div>

			</div>
		</div>
		<hr />
	</div>

	<div class="main">
		<div class="container">


			<!--  폼 시작!! -->
			<h1 id="nux_header">반갑습니다. 메일인증에 성공하셨습니다.</h1>
			<p id="intro_text" class="intro-text">Sign up for your free
				Nextdoor account</p>

			<div class="row">
				<div class="span8">

					<div>

<script>
  function browser_supports_string_index() {
    var test = "testing";
    if (test[0] == 't') {
      return true;
    }
    return false;
  }

  var res_id =  99918297
  $(function() {
    facebook_init('114611681929998', null, nextdoorConnect);
    
      $('input[name=\'has_invite_code\'][value=\'N\']').attr('checked', 'true');
    
    if (browser_supports_string_index()) {
      $("input").focus(function() {
        if(document.activeElement.id != 'id_last_name' && document.activeElement.id != 'id_first_name') {
          if(name_filter.validate_again) {
            name_filter.validate_again = false;
            //Metrics!
            //We send what is in the text field except when we autocorrected it.
            //Instead, we send the original name.
            var metrics_data = {
              'first_name': $('#id_first_name').val(),
              'last_name': $('#id_last_name').val(),
              'email': $('#id_email').val()
            };
            check_user_name(function(data) {
              metrics_data.validate_code = validate_name(data);
              var run_ajax_settings = {};
              run_ajax_settings.type = 'POST';
              run_ajax_settings.data = metrics_data;
              run_ajax_settings.dataType = 'json';
              $.ajax('/ajax/user_name_metrics/', run_ajax_settings);
            });
          }
        } else {
          name_filter.validate_again = true;
        }
      });
    }
    $('#id_first_name').change(function() { old_first = $('#id_first_name').val(); });
    $('#id_last_name').change(function() { old_last = $('#id_last_name').val(); });
    $('input[name=\'has_invite_code\']').bind('change', function() {
      if ($('input[name=\'has_invite_code\']:checked').val() == 'N') {
        $('#invite_code_area').addClass('hide');
        $('#id_invite_code').val('');
      } else {
        $('#invite_code_area').removeClass('hide');
      }
    });
    $('#create_account_form').submit(function() {
      if ($('#id_first_name').css('color') != "rgb(255, 0, 0)") {
        $('#submit_button').addClass('disabled');
        $('#submit_button').attr('disabled', 'true');
        return true;
      } else {
        return false;
      }
    });
  });



</script>
<style type="text/css">
</style>
						<div class="nux-facebook-grouped-cta">
							<div id="facebook_connect_error" class="alert alert-error hide">There
								was a problem connecting your Facebook account.</div>
							<div id="facebook_already_connected_error"
								class="alert alert-error hide">
								This Facebook account is already connected to an existing
								Nextdoor account. If that is your account, you may <a
									href="/login">login here</a>.
							</div>

							<div id="facebook_area">
								<img class="fb_login_spinner hide"
									src="https://d19rpgkrjeba2z.cloudfront.net/static/images/32-ajax-loader-fff.gif" />
								<a id="facebook_login_button" class="btn btn-large btn-facebook"
									href="javascript:void(0);"><i class="icon-facebook"></i>Sign
									up with Facebook</a> <img class="divider-image"
									src="https://d19rpgkrjeba2z.cloudfront.net/static/images/or_line_signup.png" />
							</div>

						</div>
						<form class="form-horizontal" id="create_account_form"
							method="POST">

							<!-- Any form that POSTS to /create_account must specify r=<residence_id> -->
							<input type="hidden" name="r" value="99918297"> <input
								type="hidden" name="e" value="${email }" /> <input
								type="hidden" id="id_social_id" name="social_id" value="" /> <input
								type="hidden" name="f" value="">


							<fieldset>


								<div class="control-group">
									<label class="control-label" for="id_first_name">이름 : </label>
									<div class="controls">

										<input data-rel="tooltip" name="name" placeholder="이름을 입력하세욤" maxlength="30"
											title="Please enter your real name." type="text"
											class="input-xlarge" id="id_first_name" />
									</div>
								</div>
								

								<div class="hide" id="cap_err_row">
									<div id="case_error" class="alert alert-warning">
										We've automatically capitalized your name. <a
											onClick="return capitalizeName();">Undo</a>
									</div>
								</div>
								<div class="control-group" id="control-group-gender">
									
								</div>

								<div class="control-group">
									<label class="control-label" for="id_email">Email
										address</label>
									<div class="controls">

										<input name="email" maxlength="75" readonly
											 type="text"
											class="input-xlarge" value=${ email}>
									</div>
								</div>

								<div class="control-group">
									<label class="control-label" for="id_password">패스워드</label>
									<div class="controls">

										<input name="password" id="id_password" placeholder="암호를 정해주세요"
											type="password" class="input-xlarge show-this"
											data-target="#confirm_password_container" />
									</div>
								</div>
								<div id="invite_radio" class="hide">
									<div class="control-group">
										<label class="control-label">Have an invitation code?</label>
										<div class="controls">

											<label class="radio inline"><input type="radio"
												name="has_invite_code" value="N" /> No</label> <label
												class="radio inline"><input type="radio"
												name="has_invite_code" value="Y" /> Yes</label>

										</div>
										/div>
									</div>
									<div id="invite_code_area" class="hide control-group">
										<label class="control-label" for="id_invite_code"></label>
										<div class="controls">

											<input name="invite_code" placeholder="Enter code or URL"
												value="dktrbc" class="input-medium show-this" type="text"
												id="id_invite_code" />
										</div>
									</div>
									<div class="control-group">
										<div class="controls">
											<input class="btn btn-primary btn-large" type='submit'
												id="submit_button" value="Create my account  &nbsp;&raquo;" />
											<div id="spinner_holder" class="hide">
												<p id="spinner_msg">
													<img
														src="https://d19rpgkrjeba2z.cloudfront.net/static/nextdoorv2/images/spinners/16-ajax-loader.gif" />&nbsp;
													<strong style="margin-top: 10px">Please wait...</strong>
												</p>
											</div>
										</div>
									</div>
							</fieldset>
						</form>

					</div>

				</div>

				<div class="span4">

					<div>

						<script
							src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
						<!-- THIRD PARTY -->
						<script
							src="https://d19rpgkrjeba2z.cloudfront.net/static/v2/js/libs/third-party/jquery.placeholder.js"></script>
						<script
							src="//maps-api-ssl.google.com/maps/api/js?sensor=false&amp;key=AIzaSyDnZ4CqAqUuLFtSBQV1E5Crb4D5EdphpM0"></script>
						<script
							src="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/js/map.js"
							type="text/javascript"></script>


						<script type="text/javascript">
  var check_timer, old_first, old_last;
  $().ready(function() {
    
    var marker_latlong = '';
    var marker_lat = document.getElementById("marker_lat").value;
    var marker_lng = document.getElementById("marker_long").value;
    var hwm = document.getElementById("hwm").value;
    var tileserver_host = document.getElementById("tileserver_host").value;
    var hood_list = document.getElementById("neighborhood").value;
    var map_bounds = document.getElementById("map_bounds").value;
    var marker_latlong = new google.maps.LatLng(marker_lat,marker_lng);

    var myOptions = {
      streetViewControl: false,
      scrollwheel: false,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      mapTypeControl: false
    };
    gMap = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    /* Setup bounds for google maps to decide how much of the map to show
     * Zoom level is automatically set as a consqeuence of this
     */
    if (0 && map_bounds != '') { // TODO
      latlnglist = map_bounds.split(',');
      var latlngbounds = new google.maps.LatLngBounds();
      for ( var i = 0; i < latlnglist.length; i=i+4 ) {
         var coord1 = new google.maps.LatLng(latlnglist[i], latlnglist[i+1])
         var coord2 = new google.maps.LatLng(latlnglist[i+2], latlnglist[i+3])
         var bounds = new google.maps.LatLngBounds(coord1, coord2);
         latlngbounds.union(bounds);
      }
      gMap.setCenter(latlngbounds.getCenter())
      gMap.fitBounds(latlngbounds);
    } else {
      if (marker_latlong != '') {
         gMap.setCenter(marker_latlong);
         gMap.setZoom(15);
      }
    }

    gMarker = new google.maps.Marker({
      position: marker_latlong,
      map: gMap
    });

    
      var hood_string = 'ChooseAddress'+hood_list;
      addTileOverlay(hood_string, hwm, tileserver_host);
    
  });

</script>




					</div>

				</div>
			</div>

			<div id="footer_nux">
				<hr />

				<div class="pull-left">

					<span class="meta"> By signing up, you agree to the <a
						href="/member_agreement" target="_blank">member agreement</a> and
						<a href="/privacy_policy" target="_blank">privacy policy</a>.
					</span>

				</div>

				<div class="meta pull-right hidden-phone">
					<a href="http://help.nextdoor.com">Help</a>
				</div>
			</div>

		</div>
		<!-- /container -->
	</div>
	<!-- /main -->
	<div id="optimizely_content" class="hide"></div>


	<!-- BOOTSTRAP -->
	<script
		src="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/v2/js/libs/bootstrap/bootstrap-transition.js"
		type="text/javascript"></script>
	<script
		src="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/v2/js/libs/bootstrap/bootstrap-tooltip.js"
		type="text/javascript"></script>
	<script
		src="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/v2/js/libs/bootstrap/bootstrap-dropdown.js"
		type="text/javascript"></script>
	<script
		src="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/v2/js/libs/bootstrap/bootstrap-modal.js"
		type="text/javascript"></script>
	<script
		src="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/v2/js/libs/bootstrap/bootstrap-alert.js"
		type="text/javascript"></script>

	<!-- THIRD PARTY -->
	<script
		src="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/v2/js/libs/third-party/jquery.placeholder.js"
		type="text/javascript"></script>
	<!-- 
	<script
		src="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/nextdoorv2/js/nd_tracker.js"
		type="text/javascript"></script>
 	-->
	<!-- ND SCRIPTS -->
	<script
		src="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/v2/js/script.js"
		type="text/javascript"></script>

	<script
		src="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/js/nextdoor.js"
		type="text/javascript"></script>
	<script
		src="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/v2/js/nux.js"
		type="text/javascript"></script>
	<script
		src="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/js/facebook_utils.js"
		type="text/javascript"></script>
	<script
		src="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/v2/js/user_name_filter.js"
		type="text/javascript"></script>
	<script
		src="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/js/nextdoor.js"
		type="text/javascript"></script>


	<script>
/*
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-18585915-1']);
  _gaq.push(['_setDomainName', 'nextdoor.com']);
  _gaq.push(['_setAllowLinker',true]);
  
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
 */
</script>

	<script
		src="https://d19rpgkrjeba2z.cloudfront.net/87622c2/static/nextdoorv2/js/mixpanel.js"
		type="text/javascript"></script>
	<script>mixpanel.init("5a4d5bafbdd1846d877102154cc7a8e1");</script>
	<script type="text/javascript">if(!NREUMQ.f){NREUMQ.f=function(){NREUMQ.push(["load",new Date().getTime()]);var e=document.createElement("script");e.type="text/javascript";e.src=(("http:"===document.location.protocol)?"http:":"https:")+"//"+"js-agent.newrelic.com/nr-100.js";document.body.appendChild(e);if(NREUMQ.a)NREUMQ.a();};NREUMQ.a=window.onload;window.onload=NREUMQ.f;};NREUMQ.push(["nrfj","beacon-2.newrelic.com","b55be5e15c","2163618","bgZbbENYWRFXAUBYW1dMf01fWkMLWQwbX1FBF11XXksZFVMAGlVRWgxLWUVWRREMAUZUVU0GZllSWlgXWBY=",0,66,new Date().getTime(),"","","","",""]);</script>
</body>
</html>